<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业管理系统</title>

    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/Site.css">
    <link rel="stylesheet" href="/css/menu/fonts/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/css/menu/htmleaf-demo.css">
    <link rel="stylesheet" href="/css/menu/sidebar-menu.css">
    <link rel="stylesheet" href="/css/bannermenu/pushbar.css" />
    <link rel="stylesheet" href="/css/tab/b.tabs.css">

    <!--[if IE]>
        <script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->

</head>
<body>
    <div class="main-banner">
        <div class="title">

        </div>
        <div class="box">
            <i class="fa fa-user-circle fa-2x" aria-hidden="true" data-pushbar-target="right"></i>
        </div>
    </div>
    <div class="main">
        <aside class="main-sidebar">
            <section class="sidebar">
                <ul class="sidebar-menu">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-dashboard"></i> <span>基础档案</span> <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li mid="tabDep" funurl="/department/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>部门</a></li>
                            <li mid="tabPsn" funurl="/person/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>人员</a></li>
                            <li mid="tabInvClass" funurl="/inventoryClass/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>存货分类</a></li>
                            <li mid="tabInv" funurl="/inventory/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>存货</a></li>
                            <li mid="tabCusClass" funurl="/customerClass/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>客户分类</a></li>
                            <li mid="tabCus" funurl="/customer/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>客户档案</a></li>
                            <li mid="tabVenClass" funurl="/vendorClass/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>供应商分类</a></li>
                            <li mid="tabVen" funurl="/vendor/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>供应商档案</a></li>
                            <li mid="tabWh" funurl="/warehouse/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>仓库</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-files-o"></i>
                            <span>往来管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu" style="display: none;">
                            <li><a href="#"><i class="fa fa-circle-o"></i>应收单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>收款单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>应付单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>付款单</a></li>
                            <li>
                                <a href="javascript:void(0)"><i class="fa fa-circle-o"></i>单据列表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>收款单列表</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>付款单列表</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-pie-chart"></i>
                            <span>采购管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li mid="tabPuOrder" funurl="/puorder/index"><a tabindex="-1" href="javascript:void(0);" class="treeItem"><i class="fa fa-circle-o"></i>采购订单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>到货单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>采购发票</a></li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>单据列表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>采购订单列表</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>到货单列表</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>采购发票列表</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>采购报表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>采购订货执行表</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-laptop"></i>
                            <span>销售管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="#"><i class="fa fa-circle-o"></i>销售订单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>发货单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>销售发票</a></li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>单据列表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>销售订单列表</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>发货单列表</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>销售发票列表</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>销售报表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>销售订货执行表</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-edit"></i> <span>库存管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>入库<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>采购入库</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>产品入库</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>其他入库</a></li>
                                    <li>
                                        <a href="#"><i class="fa fa-circle-o"></i>单据列表<i class="fa fa-angle-left pull-right"></i></a>
                                        <ul class="treeview-menu">
                                            <li><a href="#"><i class="fa fa-circle-o"></i>采购入库列表</a></li>
                                            <li><a href="#"><i class="fa fa-circle-o"></i>产品入库列表</a></li>
                                            <li><a href="#"><i class="fa fa-circle-o"></i>其他入库列表</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>出库<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>销售出库</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>材料出库</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>其他出库</a></li>
                                    <li>
                                        <a href="#"><i class="fa fa-circle-o"></i>单据列表<i class="fa fa-angle-left pull-right"></i></a>
                                        <ul class="treeview-menu">
                                            <li><a href="#"><i class="fa fa-circle-o"></i>销售出库列表</a></li>
                                            <li><a href="#"><i class="fa fa-circle-o"></i>材料出库列表</a></li>
                                            <li><a href="#"><i class="fa fa-circle-o"></i>其他出库列表</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>调拨</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>调拨单列表</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>盘点</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>盘点单列表</a></li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>库存报表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>库存台账</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>收发存汇总表</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i> <span>生产管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="#"><i class="fa fa-circle-o"></i>生产订单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>派工单</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i>报工单</a></li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>单据列表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>生产订单列表</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>派工单列表</a></li>
                                    <li><a href="#"><i class="fa fa-circle-o"></i>报工单列表</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i>生产报表<i class="fa fa-angle-left pull-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i>生产进度表</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-folder"></i> <span>系统管理</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="#"><i class="fa fa-circle-o"></i> 角色</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i> 操作员</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i> 权限</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i> 数据备份</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i> 数据还原</a></li>
                        </ul>
                    </li>
                </ul>
            </section>
        </aside>

        <aside data-pushbar-id="right" class="pushbar from_right">
            <div class="title"><span data-pushbar-close="" class="close push_right"></span> Right</div>
        </aside>

        <div class="box">
            <!-- 标签页区域 -->
            <div class="htmleaf-container" id="mainFrameTabs">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <!-- 设置默认的首页标签页，设置noclose样式，则不会被关闭 -->
                    <li role="presentation" class="active noclose"><a href="#bTabs_navTabsMainPage" data-toggle="tab">首页</a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- 默认标签页（首页）的内容区域 -->
                    <div class="tab-pane active" id="bTabs_navTabsMainPage">
                        <div class="page-header">

                        </div>
                        <div style="text-align: center;font-size: 20px;line-height: 20px;">
                            <h1>你好，Index</h1>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/menu/sidebar-menu.js"></script>
    <script type="text/javascript" src="/js/bannermenu/pushbar.js"></script>
    <script type="text/javascript" src="/js/tab/b.tabs.js"></script>
    <script>
        //初始化主菜单
        $.sidebarMenu($('.sidebar-menu'));
    </script>
    <script>
        //初始化系统菜单
        var pushbar = new Pushbar({
            blur: true,
            overlay: true,
        });
    </script>
    <script>
        //tab处理脚本
        //导航区域项目点击增加标签页处理
        //仅演示功能
        $('.treeItem', $('.treeview-menu')).on('click', function (e) {
            e.stopPropagation();
            var li = $(this).closest('li');
            var menuId = $(li).attr('mid');
            var url = $(li).attr('funurl');
            var title = $(this).text();
            //校验登录是否超时，通常使用ajax访问服务端测试登录是否超时
            //若页面端已有超时自动跳转的处理，则不需要设置该回调
            var checkLogin = function () {
                return 1;
            };
            $('#mainFrameTabs').bTabsAdd(menuId, title, url, checkLogin);
        });

        //插件的初始化
        $('#mainFrameTabs').bTabs({
            //登录界面URL，用于登录超时后的跳转
            'loginUrl': 'http://xxx.com/login',
            //用于初始化主框架的宽度高度等，另外会在窗口尺寸发生改变的时候，也自动进行调整
            'resize': function () {
                //这里只是个样例，具体的情况需要计算
                $('#mainFrameTabs').height(100);
            }
        });
    </script>
</body>
</html>
